$footer-bg-color: #2d3237;
$footer-copyright-bg-color: #23282c;
//$footer-content-title-size:
$footer-copyright-font-size: 14px;
$footer-copyright-line-height: 60px;
$footer-copyright-font-color: #fff;

$footer-content-head-font-size: 18px;
$footer-content-head-font-color: #fff;

$footer-content-link-font-size: 14px;
$footer-content-link-font-color: #ddd;

.footer {
    background-color: $footer-bg-color;
    color: #fff;

    .copy-right {
        color: $footer-copyright-font-color;
        text-align: center;
        font-size: $footer-copyright-font-size;
        line-height: $footer-copyright-line-height;
        background-color: $footer-copyright-bg-color;
    }

    .footer-content {
        padding: 20px 6% 20px 6%;
        height: 200px;
        ul {
            padding: 0;
            list-style: none;
        }
        h4 {
            a {
                color: $footer-content-head-font-color;
            }
        }
        a {
            color: $footer-content-link-font-color;
        }
        small {
            font-size: 10px;
            letter-spacing: -.5px;
        }

        li {
            margin-top: 10px;
        }

        @media(max-width: $screen-md-max) {
            .g-table-cell {
                div {
                    margin-top: 5px;
                }
            }
        }

        @media(max-width: $screen-xs-max) {
            & {
                height: 160px;
            }
        }
    }
}
